$base_color:#00b8ee;
.header{
	width:100%;
}
.login_header{
	max-width:1200px;
	margin:30px auto ;
	img{
		margin-left:50px;
		padding-right:10px;
		border-right:1px solid #e4e4e4;
		display: block;
		float:left;
	}
	span{
		display: inline-block;
		padding:10px 10px 0;
		font-size: 28px;
		color:#000;
		font-family:fzlt;
		font-weight: bold;
	}
}
.login_content{
	width:100%;
	height:auto;
	background:url(../images/login_bg.jpg) no-repeat center/cover;
	overflow:hidden;
	.login_wrapper{
		min-width: 1200px;
		margin:70px auto;
		overflow: hidden;
		.login_media{
			width:63%;
			margin-left:50px;
			display: block;
			float:left;
		}
		.login_box{
			float:left;
			width:290px;
			border:1px #31caf7 solid;
			background: #fff;
			padding:30px;
			margin-top:60px;
			.login_img{
				width:150px;
				display: block;
				margin:60px auto 40px;
			}
			.input_group{
				height:40px;
				border:1px solid #dddddd;
				margin-bottom:15px;
				label{
					float:left;
					width:40px;
					text-align: center;
					line-height: 40px;
					img{
						margin-top:10px;
					}
				}
				input{
					height:38px;
					border:none;
					outline: none;
					line-height: 40px;
					font-size: 14px;
				}
			}
			.forget_group{
				position:relative;
				padding-left:20px;
				input{
					opacity: 1;
					position: absolute;
					top:2px;
					left:0;
					z-index: 2;
					opacity:0;
				}
				input:checked+span{
					background: url(../images/checked.png) no-repeat;
				}
				span{
					width:12px;
					height:12px;
					border:1px solid #c5c5c5;
					position:absolute;
					top:2px;
					left:0;
					background: #fff;
				}
			}
			.forget_pwd{
				float:right;
				clear:both;
				font-size: 12px;
			}
			.login{
				width:290px;
				height:40px;
				border:none;
				background:$base_color;
				color:#fff;
				margin:40px auto;
			}
		}
	}
}
.register_header{
	max-width:1200px;
	margin:80px auto 70px;
	img{
		margin-left:100px;
		padding-right:10px;
		border-right:1px solid #e4e4e4;
		display: block;
		float:left;
	}
	span{
		display: inline-block;
		padding:10px 10px 0;
		font-size: 28px;
		color:#000;
		font-family:fzlt;
		font-weight: bold;
	}
}
.register_content{
	max-width:1000px;
	margin:0px auto;
	overflow: hidden;
	.content_top_left{
		float:left;
		width:130px;
		text-align: center;
		border-top:2px solid $base_color;
		border-left:1px solid #dddddd;
		border-right:1px solid #dddddd;
		border-bottom:1px solid #fff;
		position: relative;
		top:1px;
		background: #fff;
	}
	.content_top_right{
		float:right;
		a{
			color:$base_color;
		}
	}
	.register_content_section{
		clear:both;
		border:1px solid #dddddd;
		overflow: hidden;
		.register_img{
			float:right;
		}
		.register_box{
			margin:60px 0 60px 40px;
			
			float:left;
			.input_group{
				height:40px;
				margin-bottom:15px;
				font-size: 14px;
				label{
					float:left;
					width:100px;
					text-align: center;
					text-align:right;
					margin-right:15px;
					line-height: 40px;
					img{
						margin-bottom:2px;
						margin-right:10px;
					}
				}
				&>div{
					float:right;
					width:290px;
					text-align: center;

					input{
						line-height:38px;
						height:38px;
						border:none;
						outline: none;
						border:1px solid #dddddd;
						padding:0 10px;
						float:left;
						width:270px;
						&#verifycode{
							width:110px;
							margin-right:10px;
						}
						
					}
					.verify_btn{
						background:#f6f6f6;
						height:40px;
						border:1px solid #dddddd;
						width:140px;
						text-align: center;
					}
					&.read_protocol{
						text-align: center;
						font-size: 12px;
						border:none;
						position:relative;
						a{
							font-size: 12px;
							color:#000;
						}
						
						input{
							position: absolute;
							top:2px;
							left:30px;
							z-index: 2;
							opacity:0;
							width:auto;
							height:auto;
						}
						input:checked+span{
							background: url(../images/checked.png) no-repeat;
						}
						span{
							width:12px;
							height:12px;
							border:1px solid #c5c5c5;
							position:absolute;
							top:2px;
							left:30px;
						}
					}
					.register{
						background: $base_color;
						width:100%;
						color:#fff;
						text-align: center;
						height:40px;
						border:none;
					}
				}
				
			}
		}
	}
}
.shop_car{
	width:1200px;
	margin:40px auto;
	.shop_car_top{
		color:$base_color;
		border-bottom:2px solid $base_color;
		display: inline-block;
		padding-right:10px;
		position:relative;
		top:2px;
		p{
			font-size: 18px;
		}
		span{
			font-size: 14px;
		}
		.car_product_num{
			margin-left:20px;
		}
	}
	.shop_car_content{
		.shopcar_list_nav{
			border-top:2px solid #e5e5e5;
			overflow: hidden;
			line-height: 45px;
			font-size: 14px;
			color:#222222;
		}
		.shop_name{
			font-size: 12px;
			color:#222222;
			img{
				padding-left:10px;
			}
		}
		li{
			overflow: hidden;
			height:80px;
			background:#fcfcfc;
			border:1px solid #e7e7e7;
			border-top:none;
			padding:20px 0;
			&:first-child{
				border-top:1px solid #e7e7e7;
			}
		}
		span{
			float:left;
			text-align: center;
			font-size:14px;
 		}
		.is_checked{
			margin:0 10px;
			position:relative;
			width:12px;
			height:12px;
			input{
				opacity: 1;
				position: absolute;
				top:10px;
				left:0;
				z-index: 2;
				opacity:0;
			}
			input:checked+span{
				background: url(../images/checked.png) no-repeat;
			}
			span{
				width:12px;
				height:12px;
				border:1px solid #c5c5c5;
				position:absolute;
				top:10px;
				left:0;
			}
		}
		.product_info{
			width:560px;
		}
		.product_img{
			width:85px;
			margin-right:12px;
			border:1px solid #e7e7e7;
		}
		.product_name{
			width:230px;
			text-align: left;
		}
		.product_spec{
			width:200px;
		}
		.price{
			width:170px;
			del{
				font-size: 12px;
				color: #999999;
			}
		}
		.num{
			width:170px;
			button{
				width:20px;
				background: #f1f1f1;
				height:35px;
				border:2px solid #e7e7e7;
				margin:0;
				cursor:pointer;
				&.minus{
					margin-right:-5px;
				}
				&.add{
					margin-left:-4px;
				}
			}
			input{
				width:40px;
				height:33px;
				border:1px solid black;
				margin:0;
			}
		}
		.allPrice{
			width:170px;
			color:$base_color;
			font-size:14px;
			font-weight: bold;
		}
		.option{
			width:120px;
		}
	}
	.shop_car_settlment{
		margin-top:15px;
		background:#e5e5e5;
		height:50px;
		span{
			font-size: 14px;
			line-height: 48px;
			float:left;
		}
		.is_checkedAll{
			margin:0 10px;
			position:relative;
			width:12px;
			height:12px;
			input{
				opacity: 1;
				position: absolute;
				top:16px;
				left:0;
				z-index: 2;
				opacity:0;
			}
			input:checked+span{
				background: url(../images/checked.png) no-repeat;
			}
			span{
				width:12px;
				height:12px;
				border:1px solid #c5c5c5;
				position:absolute;
				top:16px;
				left:0;
				background: #fff;
			}
		}
		.checkAll{
			width:40px;
		}
		.delAll{
			width:40px;
		}
		.detail{
			margin-left:540px;
			width:427px;
			span{
				float:none;
				color:$base_color;
				font-size: 20px;
				padding:0 10px;
			}
		}
		.settlement{
			button{
				width:120px;
				background:$base_color;
				color:#fff;
				height:50px;
				border:none;
				font-size: 16px;
			}
			
		}
	}
}
.product_page_content{
	width:1200px;
	margin:30px auto;
	position:relative;
	padding-bottom:1px;
	.product_nav{
		a{
			color:#1e1e1e;
			font-size: 14px;
			padding:0 5px;
		}
	}
	.product_brand{
		border-left:1px solid #eeeeee;
		border-right:1px solid #eeeeee;
		border-top:1px dashed #eeeeee;
		border-bottom:1px dashed #eeeeee;
		margin-top:10px;
		padding:10px;
		overflow: hidden;
		p{
			float:left;
			width:80px;
			line-height: 36px;
			font-size: 14px;
		}
		ul{
			float:left;
			max-width: 1038px;
			li{
				float:left;
				height:38px;
				outline:1px solid #dddddd;
				cursor: pointer;
				img{
					width:100%;
					height:100%;
				}
			}
		}
		.multiple_choice{
			float:right;
			height:20px;
			width:60px;
			color:#000;
			border:1px solid #eeeeee;
			font-size:12px;
			background:#fff;
		}
	}
	.product_function{
		border-left:1px solid #eeeeee;
		border-right:1px solid #eeeeee;
		border-top:none;
		border-bottom:1px solid #eeeeee;
		padding:10px;
		overflow: hidden;
		p{
			float:left;
			width:80px;
			line-height: 26px;
			font-size: 14px;
		}
		ul{
			float:left;
			max-width: 1080px;
			li{
				float:left;
				line-height:28px;
				cursor: pointer;
				padding:0 10px;
				font-size:14px;
			}
		}
	}
	.product_dispatch{
		margin:10px 0;
		background: #f9f9f9;
		border:1px solid #eeeeee;
		padding:10px;
		font-size: 14px;
		overflow: hidden;
		p{
			float:left;
			width:50px;
			line-height: 26px;
		}
		div{
			float:left;
			line-height: 26px;
			margin-right:30px;
			position:relative;
			padding-left:20px;
			input{
				position: absolute;
				top:6px;
				left:0px;
				z-index: 2;
				opacity:0;
				width:auto;
				height:auto;
			}
			input:checked+span{
				background: url(../images/checked.png) no-repeat;
			}
			span{
				width:12px;
				height:12px;
				border:1px solid #c5c5c5;
				position:absolute;
				top:6px;
				left:0px;
			}
		}
		.all{
			float:right;
			margin-right: 0;
			span{
				position:static;
				border:none;
			}
			.all_product{
				color:#f00;
			}
			.current_page{
				color:#f00;
			}
			button{
				background: #f9f9f9;
				border:none;
				outline: none;
			}
		}
	}
	.product_list{
		overflow: hidden;
		margin-bottom:40px;
		div{
			margin-left:10px;
			float:left;
			font-size: 14px;
			font-family:fzlt;
			&:first-child{
				margin-left:0px;
			}
			li{
				border:1px solid #eeeeee;
				width:210px;
				padding:10px;
				margin-bottom:10px;
				&>img{
					margin:10px auto;
					display: block;
					width:100%;
				}
				.price{
					font-size: 23px;
					color:$base_color;
				}
				.member_price{
					font-size: 12px;
					color:#4f4f4f;
					padding:0 5px;
				}
				.product_name{
					font-size: 12px;
					font-family: "微软雅黑";
					color:#565656;
					margin-bottom:10px;
				}
				.sold_out{
					color:#8d8b8b;
					font-size:12px;
				}
				.ico_shop_car{
					float:right;
				}
			}
		}
	}
	.btn_group{
		position:absolute;
		right:0;
		bottom:0px;
		margin:0px auto;
		line-height:30px;
		font-size: 14px;
		color:#767676;
		button{
			background:#fff;
			border:#eeeeee 1px solid;
			padding:3px 10px;
			color:#767676;
			&.current{
				color:#fff;
				border:$base_color 1px solid;
				background:$base_color;
				&.prev_page{
					border:$base_color 1px solid;
					color:$base_color;
					background:#fff;
				}
			}
		}
	}
}
.product_detail_content{
	width:1200px;
	margin:0px auto;
	.product_detail_nav{
		background:#f9f9f9;
		border:1px solid #eeeeee;
		line-height: 40px;
		font-size: 14px;
		padding:0 10px;
		margin:20px auto;
		a{
			color:#3d3d3d;
			// padding:0 10px;
			&:before{
				content:">";
			}
			&:first-child:before{
				content:"";
			}
		}
	}
	.product_buy{
		overflow: hidden;
		.product_photo_lg{
			float:left;
			width:428px;
			border:1px solid #eee;
			margin-right:30px;
		}
		.product_buy_take{
			float:left;
			width:740px;
			font-family: "微软雅黑";
			font-size: 12px;
			color:#3d3d3d;
			overflow: hidden;
			h5{
				font-size: 14px;
			}
			div{
				margin:20px 0;
			}
			label{
				width:70px;
				height:30px;
				float:left;
				display: block;
				text-align: center;
			}
			b{
				color:$base_color;
			}
			.product_sale_price{
				font-size: 12px;
				background:#f5f5f5;
				height:60px;
				line-height:30px;
				padding:15px 0;
				color:#3d3d3d;
				font-family: "微软雅黑";
				
				del{
					font-size: 14px;
				}
				span{
					font-size: 23px;
					color:#04a1cf;
				}

			}
			.product_sele_spec{
				overflow: hidden;
				label{
					line-height: 40px;
				}
				li{
					float:left;
					position:relative;
					width:50px;
					height:35px;
					margin-right:10px;
					margin-top:5px;

					input{
						width:50px;
						height:30px;
						position:absolute;
						top:0;
						z-index: 2;
						opacity: 0;
						cursor:pointer;
					}
					span{
						display: block;
						width:50px;
						height:30px;
						position:absolute;
						top:0;
						text-align: center;
						line-height: 30px;
						outline:1px solid #cccccc;
						z-index: 1;
					}
					input:checked+span{
						outline:1px solid $base_color;
						background:url(../images/Product-details_03.jpg) no-repeat right bottom;
					}
				}
			}
			.product_sele_num{
				line-height: 30px;
				li{
					float: left;
					position:relative;
					width:60px;
					height:31px;
					outline: 1px solid #a7a6ac;
					margin-right:10px;
					input{
						width:40px;
						position:absolute;
						left:0;
						border:none;
						line-height: 28px;
					}
					span.num_minus{
						position:absolute;
						top:0;
						width:20px;
						right:0;
						line-height:15px;
						text-align: center;
						border-left:1px solid #a7a6ac;
						border-bottom:1px solid #a7a6ac;
						background:#f1f1f1;
					}
					span.num_add{
						position:absolute;
						bottom:0;
						right:0;
						width:20px;
						line-height:15px;
						text-align: center;
						border-left:1px solid #a7a6ac;
						background:#f1f1f1;
					}
				}
			}
			.product_sele_option{
				a{
					display: block;
					float:left;
					width:160px;
					line-height:40px;
					margin-right: 10px;
					text-align: center;
					font-size: 15px;
					&.buy_now{
						background:#dff8ff;
						color:$base_color;
						border:1px solid $base_color;
					}
					&.add_car{
						background:$base_color;
						color:#fff;
						border:1px solid $base_color;
						img{
							float:left;
							padding-top:8px;
							margin-left:20px;
						}
					}
				}
			}
		}
		.product_photo_sm{
			clear:both;
			overflow:hidden;
			li{
				float:left;
				width: 60px;
				height:60px;
				border:2px solid #eaeaea;
				margin: 20px 10px;
				cursor: pointer;
				&.active{
					border:2px solid $base_color;
				}
				img{
					width:100%;
				}
			}
		}
	}
	.product_detail_main{
		outline: 1px solid red;
		overflow: hidden;
		.detail_main_aside{
			float:left;
			width:210px;
			font-size: 12px;
			dl{
				border:1px solid #e5e5e5;
			}
			dt{
				background:#f5f5f5;
				line-height: 40px;
				padding:0 10px;
				border-bottom:1px solid #e5e5e5;
			}
			dd{
				height:60px;
				padding:10px;
				a{
					color:#3c3c3c;
					font-size: 12px;
				}
				img{
					float:left;
					width:55px;
					height:60px;
				}
				p{
					float:left;
					width:130px;
					.ranking_price{
						color:$base_color;
						display: block;
						font-weight: bold;
					}
				}
			}
			.customer{
				margin-top:20px;
				border:1px solid #e5e5e5;
				p{
					font-size:28px;
					text-align: center;
					padding:10px 0;
					span{
						font-size: 16px;
					}
				}
				li{
					border-top:1px dashed #e5e5e5;
					line-height: 40px;
					padding:0 10px;
					img{
						margin-left:10px;
						margin-right:5px;
					}
				}
			}
		}
	}
}